<div class="container-fluid">
	<div class="row-fluid">
		<div class="span8">
			<!-- Main body-->
			<div id="modalSchedule" class="tiny-font">
				<div class="container">
					<div class="row-fluid" style="width:700px;">
						<div class="tabbable">
							<ul class="nav nav-tabs white-tab">
								<li class="active init-hiddeable">
									<a href="#tab1" data-toggle="tab">T. Pendientes</a>
								</li>
								<li class="init-hiddeable">
									<a href="#tab4" data-toggle="tab">T. Concretados</a>
								</li>
								<li class="init-hiddeable">
									<a href="#tab5" data-toggle="tab">T. Ausentes</a>
								</li>
								<li class="init-hiddeable">
									<a href="#tab6" data-toggle="tab">T. Cancelados</a>
								</li>
								<li class="init-hiddeable">
									<a href="#tab2" data-toggle="tab">Nuevo turno</a>
								</li>
								<li class="init-hiddeable">
									<a href="#tab3" data-toggle="tab">Perfil</a>
								</li>
								<li >
									<a href="#tab7" data-toggle="tab">Usuarios borrados</a>
								</li>
							</ul>
							<div class="tab-content">
								<div class="tab-pane active" id="tab1">
									<div class="w-box-content">
										<table id="lista_schedule" class="table table-striped table-condensed" data-provides="rowlink">
											<thead>
												<tr>
													<th class="tiny-font">Fecha</th>
													<th class="tiny-font">A partir</th>
													<th class="tiny-font">Doctor</th>
													<th class="tiny-font">Especialidad</th>
													<th class="tiny-font">Obra social</th>
													<th class="tiny-font">Acciones</th>
												</tr>
											</thead>
											<tbody id="lista_t_body"></tbody>
										</table>
									</div>
								</div>

								<div class="tab-pane" id="tab4">
									<div class="w-box-content">
										<table id="lista_schedule_concretados" class="table table-striped table-condensed" data-provides="rowlink">
											<thead>
												<tr>
													<th class="tiny-font">Fecha</th>
													<th class="tiny-font">A partir</th>
													<th class="tiny-font">Doctor</th>
													<th class="tiny-font">Especialidad</th>
													<th class="tiny-font">Obra social</th>
													<th class="tiny-font">Acciones</th>
												</tr>
											</thead>
											<tbody id="lista_t_body"></tbody>
										</table>
									</div>
								</div>
								<div class="tab-pane" id="tab5">
									<div class="w-box-content">
										<table id="lista_schedule_vencidos" class="table table-striped table-condensed" data-provides="rowlink">
											<thead>
												<tr>
													<th class="tiny-font">Fecha</th>
													<th class="tiny-font">A partir</th>
													<th class="tiny-font">Doctor</th>
													<th class="tiny-font">Especialidad</th>
													<th class="tiny-font">Obra social</th>
													<th class="tiny-font">Acciones</th>
												</tr>
											</thead>
											<tbody id="lista_t_body"></tbody>
										</table>
									</div>
								</div>
								<div class="tab-pane" id="tab6">
									<div class="w-box-content">
										<table id="lista_schedule_cancelados" class="table table-striped table-condensed" data-provides="rowlink">
											<thead>
												<tr>
													<th class="tiny-font">Fecha</th>
													<th class="tiny-font">A partir</th>
													<th class="tiny-font">Doctor</th>
													<th class="tiny-font">Especialidad</th>
													<th class="tiny-font">Obra social</th>
													<th class="tiny-font">Acciones</th>
												</tr>
											</thead>
											<tbody id="lista_t_body"></tbody>
										</table>
									</div>
								</div>
								<div class="tab-pane" id="tab2">
									<div class="tab-pane active" id="tab1">
										<div  id="lista_doctors_container" class="w-box-content">
											<table id="lista_doctors_schedule" class="table table-striped table-condensed" data-provides="rowlink">
												<thead>
													<tr>
														<th>Nombre</th>
														<th>Apellido</th>
														<th>Especialidades</th>
														<th>Obras sociales</th>
														<th>Acciones</th>
													</tr>
												</thead>
												<tbody id="lista_t_body"></tbody>
												<tfoot>
													<tr>
														<th rowspan="1" colspan="1"></th><th rowspan="1" colspan="1">
														<input type="text" name="search_browser" placeholder="Filtrar por apellido..." style="width:110px;" class="search_init">
														</th><th rowspan="1" colspan="1">
														<input type="text" name="search_platform" placeholder="Filtrar por especialidad..." style="width:110px;" class="search_init">
														</th><th rowspan="1" colspan="1">
														<input type="text" name="search_version" placeholder="Filtrar por obra social..." style="width:110px;" class="search_init">
														</th>
														</th><th rowspan="1" colspan="1"></th>
													</tr>
												</tfoot>
											</table>
										</div>
									</div>
								</div>
								<div class="tab-pane" id="tab3">
									<div class="w-box-content">
										<button class="btn-small btn-danger" id="btn_delete_user">
											<i class="icon-remove icon-white"></i>Borrar perfil
										</button>
										<form method="post" id="update_user_form" action="<?php echo URL; ?>secretarymain/xhrUpdatePatient/">
											<label>Numero y tipo de documento del paciente</label>
											<input id="dni_edit" name="dni" id="dni_input" type="text" pattern="^[0-9]{8,8}$" placeholder="XXXXXXXX" style="width: 100px" required="required"/>
											<select id="dnitype_edit" name="dni_type" style="width: 100px"  required="required">
												<option value="0" >LC</option>
												<option value="1" >Pasaporte</option>
												<option value="2" >DNI</option>
											</select>
											<label>Nombre del paciente</label>
											<input id="name_edit" name="name" type="text" placeholder="..." pattern="^[ñA-Za-z _]*[ñA-Za-z][ñA-Za-z _]*$" style="width: 200px" required="required"/>
											<label>Apellido del paciente</label>
											<input id="lastname_edit" name="lastname" type="text" placeholder="..." pattern="^[ñA-Za-z _]*[ñA-Za-z][ñA-Za-z _]*$" style="width: 200px" required="required"/>
											<label>Telefono del paciente</label>
											<input id="tel_edit" name="tel" type="tel" placeholder="XXXX-XXX-XXX" style="width: 200px" required="required"/>
											<label>Email del paciente</label>
											<input id="email_edit" name="email" type="email" placeholder="example@text.com" style="width: 200px" required="required"/>
											<label for="address_edit">Direcci&oacute;n del paciente</label>
											<input id="address_edit" name="address" type="text" placeholder="..." style="width: 200px" required="required"/>
											<input type="hidden" name="id" id="id_edit" />
											<button class="btn btn-small btn-success" style="margin-bottom: 10px;" type="submit">
												<i class="icon-refresh icon-white"></i>Modificar
											</button>
										</form>
									</div>
								</div>
								<div class="tab-pane" id="tab7">
									<table id="lista_pacientes_borrados" class="table table-striped table-condensed" data-provides="rowlink">
										<thead>
											<tr>
												<th class="tiny-font">Nombre</th>
												<th class="tiny-font">Apellido</th>
												<th class="tiny-font">Numero de documento</th>
												<th class="tiny-font">Tipo de documento</th>
												<th class="tiny-font">Telefono</th>
												<th class="tiny-font">Direccion</th>
												<th class="tiny-font">Correo</th>
												<th class="tiny-font">Acciones</th>
											</tr>
										</thead>
										<tbody id="lista_t_body"></tbody>
									</table>
								</div>
							</div>
						</div>
					</div>
				</div>
				</form>
			</div>
		</div>
		<div class="span4">
			<!--Sidebar content-->
			<div class="accordion white-tab tiny-font" style="width:250px; margin-left: 50px;" id="accordion2">
				<input type="hidden" class="input-block-level" id="listapacientes">
				</input>
				<!-- Accordion de agregar pacientes-->
				<div class="accordion-group">
					<div class="accordion-heading">
						<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseTwo"> Nuevo paciente </a>
					</div>
					<div id="collapseTwo" class="accordion-body collapse" style="background-color: #fff;">
						<div class="accordion-inner">
							<form method="post" id="new_user_form" action="<?php echo URL; ?>secretarymain/xhrInsertPatient/">
								<label>Numero y tipo de documento del paciente</label>
								<input name="dni" id="dni_input" type="text" pattern="^[0-9]{8,8}$" placeholder="XXXXXXXX" style="width: 100px" required="required"/>
								<select name="dni_type" style="width: 100px"  required="required">
									<option value="0" >LC</option>
									<option value="1" >Pasaporte</option>
									<option value="2" >DNI</option>
								</select>
								<label>Nombre del paciente</label>
								<input name="name" type="text" placeholder="..." pattern="^[ñA-Za-z _]*[ñA-Za-z][ñA-Za-z _]*$" class="input-block-level" required="required"/>
								<label>Apellido del paciente</label>
								<input name="lastname" type="text" placeholder="..." pattern="^[ñA-Za-z _]*[ñA-Za-z][ñA-Za-z _]*$" class="input-block-level" required="required"/>
								<label>Telefono del paciente</label>
								<input name="tel" type="tel" placeholder="XXXX-XXX-XXX" class="input-block-level" required="required"/>
								<label>Email del paciente</label>
								<input name="email" type="email" placeholder="example@text.com" class="input-block-level" required="required"/>
								<label>Direcci&oacute;n del paciente</label>
								<input name="address" type="text" placeholder="..." class="input-block-level" required="required"/>
								<button class="span5 btn btn-small btn-primary" style="margin-bottom: 10px;" type="submit">
									<i class="icon-ok icon-white"></i> Agregar
								</button>
							</form>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>

<!-- VENTANITA MODAL PARA LOS HORARIOS -->
<div id="modalCheckSchedule" class="modal hide fade"  style="width: 700px; margin-left: -350px;" tabindex="-1" role="dialog" aria-labelledby="myCheckLabel" aria-hidden="true">
	<div class="modal-header">
		<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
			×
		</button>
		<h3 id="myCheckLabel">Seleccione el horario en el que se desea atender</h3>
	</div>
	<form method="post" id="checkScheduleForm" >
		<div class="modal-body">
			<p>
				Solo haga click en el horario que desee y haga click en confirmar.
			</p>

			<div class="container-fluid">
				<div class="row-fluid">
					<div class="span7">
						<div id='calendar_schedules'></div>
					</div>
					<div class="span1">
						<select id="socialhealth_schedule"></select>
						<input type="hidden" name="selected_schedule" id="selected_schedule" />
						<p id="msg_holder_schedule" style="color: orange; font-size: 13px;width: 300px;"></p>
						<button type="button" id="submit_newsched" class="btn btn-primary">
							Confirmar
						</button>
					</div>
				</div>
			</div>
		</div>
	</form>
</div>
